<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商家详情</title>
		<link href="../CSS/detail.css" rel="stylesheet" />
		<script src="../JS/jquery-3.5.0.min.js"></script>
	</head>
	<body>
		<div class="detail">
			<!-- 顶部背景图 -->
			<div class="top">
				<!-- 返回按钮 -->
				<a href="home.html">
					<img class="top-return" src="../IMG/detail/return.png" />
				</a>
				<!-- logo -->
				<img class="top-logo" src="../IMG/detail/logo.png" />
			</div>
			<!-- 商家详情 -->
			<div class="info">
				<p class="info-title">海南星汇新加波海南鸡饭（...</p>
				<p class="info-rate">评价4.8 月售1474单 蓝骑士专送约31分钟</p>
				<div style="width: 100%;">
					<div class="info-packet">
						<span class="info-packet-money">￥6</span>
						<span class="info-packet-threshold">无门槛</span>
					</div>
					<div class="info-receive">
						<span>领取</span>
					</div>
				</div>
				<p class="info-reduce">
					<span>25减16</span>
					<span>60减22</span>
					<span>99减33</span>
					<span>150减40</span>
				</p>
				<p class="info-memo">
					公告：新品：泰式风味鸡爪。每天送来的鸡现剪下来直接做的风味鸡爪，甜辣开胃，酸甜可口。希望你们喜欢
				</p>
			</div>
			<!-- tab栏 -->
			<div class="tab">
				<span class="tab-span">点餐</span>
				<span>评价</span>
				<span>商家</span>
			</div>
			<!-- 主体部分 -->
			<div class="main">
				<div class="main-left">
					<!-- 此处做动态拼接 -->
					<div class="main-left-item">
						<p>海南鸡饭精选套餐</p>
					</div>
				</div>
				<!-- 右侧商品展示 -->
				<div class="main-right">
					<!-- 分类 -->
					<!-- <div class="main-right-category">
						<p class="category-title">海南鸡饭精选套餐</p> -->
						<!-- 商品 -->
						<!-- <div class="category-good">
							<img class="category-good-logo" src="../IMG/detail/good1.jpeg"/>
							<p class="category-good-title">豪华单人套餐鸡翅</p>
							<p class="category-good-memo">1/4海南鸡+油香饭+鸡汤+时令蔬菜</p>
							<p class="category-good-cell">月售15分 好评率67%</p>
							<p class="category-good-discount"><span>4.9折</span>每单限8份优惠 </p>
							<p class="category-good-money">
								¥35.9 <span>¥73.9</span>
							</p>
							<img class="category-good-add" src="../IMG/detail/add.png" />
						</div> -->
					</div>
				</div>
			</div>
			<!-- 底部结算 -->
			<div class="bottom">
				<div class="bottom-money">
					<span>已减19.0元,再买30元减5元</span>
				</div>
				<div class="bottom-shopping">
					<!-- 购物车 -->
					<div class="bottom-circle">
						<div class="bottom-circle-shopping">
							<img src="../IMG/detail/shppingCar.png" />
						</div>
					</div>
					<!-- 文字 -->
					<p class="bottom-p">
						¥14 <span>¥30</span>
					</p>
					<p class="bottom-memo">另需配送费0.5元</p>
					<!-- 右侧按钮 -->
					<div class="bottom-btn">去结算</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../JS/resize.js"></script>
	<script src="../JS/detail.js"></script>
</html>
